@charset"utf-8";
@import"common/reset";
@import"common/common";
@function r($px) {
    @return $px/$font-size *1rem;
}

.bo {
    width: 100%;
    height: r(57px);
    margin-top: r(49px);
    .bo_1 {
        font-size: r(26px);
        
        a {
            width: r(123px);
            height: r(57px);
            display: inline-block;
            text-align: center;
            border-radius:14px;
            border: 1px solid $color;
            color: #000000;
            margin-left: r(23px);
            line-height:r(57px) ;
        }
    }
    .bo_2 {
        font-size: r(26px);
        text-align: center;
        margin-top: r(15px);
    }
    .bo_3{
        margin-right:r(21px);
        img{
            width:r(53px);
            height:r(50px);
        }
    }
}
.er{
    margin-top: r(27px);
    img{
        width:100%;
        padding:0 r(25px);
    }
}
.rate{
    width:100%;
    margin-top:r(35px);
    .rate_1{
        font-size:r(72px);
        color:$color;
        margin-left:r(45px);
    }
    .rate_2{
        a{
        width:r(113px);
        height:r(63px);
        display: inline-block;
        background-color:$color;
        border-radius:16px;
        font-size:r(30px);
        color: #ffffff;
        text-align: center;
        line-height:r(63px);
        vertical-align: text-bottom;
        margin-left:r(300px);
        }
    }
}
.go{
    width:100%;
    margin-top: r(51px);
    .go_1{
        margin-left:r(47px);
        img{
            width:r(37px);
            height:r(37px);
        }
    }
    .go_2{
        margin-left:r(14px);
        h4{
            font-size:r(30px);
            display: inline-block;
        }
        h5{
            display: inline-block;
            color: $color;
            font-size:r(30px);
        }
    }
    .go_3{
        a{
            font-size:r(26px);
            color: #8e8e8e;
            margin-left:r(230px);
        }
    }
}
.wt{
    width:r(665px);
    height:r(69px);
    margin-top: r(36px);
    background:$color;
    color:#FFFFFF;
    padding-left:r(47px);
    padding-right:r(40px);
    line-height:r(69px);
    .wt_1{
        a{
            font-size:r(30px);
            text-align:left;
            color:#FFFFFF;
        }
    }
    .wt_2{
        font-size:r(46px);
        vertical-align:bottom;
        text-align: right;
    }
}
.gl{
    margin-top:r(11px);
    .gl_1{
        width:r(177px);
        height:r(176px);
        margin-left:r(47px);
        img{
            width:100%;
        }
    }
    .gl_2{
        a{
            width:r(114px);
            height: r(60px);
            display: inline-block;
            background:$color;
            border-radius:10px;
            font-size:r(30px);
            color:#FFFFFF;
            text-align: center;
            line-height:r(60px);
            margin-top:r(67px);
            margin-right:r(40px);
        }
    }
    .gl_3{
        margin-left:r(26px);
        a{
            font-size:r(30px);
            color: #000000;
            margin-top:r(15px);
        }
        .p_1{
            margin-top:r(12px);
            img{
                width:r(35px);
                height:r(34px);
            }
            span{
                font-size:r(26px);
                color:#929292;
            }
        }
        .p_2{
            font-size:r(24px);
            color:#929292;
            margin-top:r(14px);
        }
        .p_3{
            margin-top:r(26px);
            a{
                font-size:r(20px);
                color:$color;
            }
        }
    }
}
footer {
    width: 100%;
    padding: r(17px) 0;
    ul {
        li {
            width: 25%;
            text-align: center;
            a {
                span {
                    img {
                        width: r(72px);
                    }
                }
                div {
                    color: #000000;
                }
            }
        }
    }
}
